<template>
    <div id="app">
        <transition name="router-fade" mode="out-in">
            <keep-alive>
                <router-view></router-view>
            </keep-alive>
        </transition>
       <!-- <div v-if="islogin">
        <header-component :pageTitle="pageTitle"></header-component>
        <div class="container">
            {{path}}
            <transition name="router-fade" mode="out-in">
                <router-view></router-view>
            </transition>
        </div>
        <footer-menu-component ></footer-menu-component>
        </div>
        <div v-else>
            <div class="container11">
                {{path}}
                <transition name="router-fade" mode="out-in">
                    <router-view></router-view>
                </transition>
            </div>
        </div>-->
    </div>
</template>

<style >
        @import 'style/normalize.css';
        @import 'style/reset.css';
        @import 'style/fonts.css';
        /*@import 'theme/ui/index.css';*/
</style>
<style lang="scss">
    @import 'style/main.scss';

    .router-fade-enter-active, .router-fade-leave-active {
        transition: opacity .3s;
    }
    .router-fade-enter, .router-fade-leave-active {
        opacity: 0;
    }
</style>
<script>
    import {mapGetters, mapActions} from "vuex";
    export default {
        name: "app",
        data(){
            return {
            }
        },
        mounted(){
        },
        computed:{


        }
    }
</script>

